import 'server-only';
import ChromeSlot from '@akinon/pz-theme/src/chrome/chrome-slot';
import { PLACEHOLDER_SLUGS } from '@akinon/pz-theme/src/chrome/placeholder-slugs';
import { buildNotFoundPageContext } from '@akinon/pz-theme/src/chrome/page-context';
import { withSegmentDefaults } from '@akinon/next/hocs/server';
import NotFoundContent from '@theme/views/not-found-content';

// The not-found boundary is not routable, so the theme editor could never
// open it in the preview iframe. This page serves that preview: it mounts
// the same slot with the same fallback, so the designer composes exactly
// what a shopper sees on a real 404.
export const dynamic = 'force-dynamic';

async function Page() {
  return (
    <ChromeSlot
      slug={PLACEHOLDER_SLUGS.notFound}
      pageContext={buildNotFoundPageContext()}
      fallback={<NotFoundContent />}
    />
  );
}

export default withSegmentDefaults(Page, { segmentType: 'page' });